<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>무제 문서</title>
</head>
<script language="JavaScript" type="text/javascript" src="../common/common.js"></script>
<!-- <script language="JavaScript" type="text/javascript" src="innerwindow.js"></script>-->
<script language="JavaScript" type="text/javascript" src="../common/innerWin.js"></script>


<SCRIPT LANGUAGE="JavaScript">

function content()
{
	var cont = new Array();
	cont.push('  <table width=\'200\' border=\'1\' cellspacing=\'0\' cellpadding=\'0\'>');
	cont.push('  <tr>');
	cont.push('    <th scope=\'col\'>head1</th>');
	cont.push('    <th scope=\'col\'>head2</th>');
	cont.push('    <th scope=\'col\'>head3</th>');
	cont.push('  </tr>');
	cont.push('  <tr>');
	cont.push('    <td>&nbsp;</th>');
	cont.push('    <td>&nbsp;</td>');
	cont.push('    <td>&nbsp;</td>');
	cont.push('  </tr> ');
	cont.push('</table>');
	
	return cont.join('');

}
function init()
{
   addEvent(document.getElementById("run"),"click", function() 
								{
								var d =document.getElementById('dialog');
							    var i = new InnerWindow();
								i.build.setSize('header','400px','400px');
								i.build.setParentElem(d);
								i.build.setContent( content());
								i.build.setOpacity(0.8);
								i.build.createWindow();
								});

}
addEvent(window,'load',init);
 

								
</SCRIPT>
<style>
#dialog {
	position:absolute; 
	background-color:white;
	width:100%;
	height:100%;
	margin-top:0px;
	z-index:2;
	top:0px;
	left:0px;
	}
#wheader {background-color:gray;position:relative;
			color:white;
          height:20px;
		  width:89%;
		  font-weight:bold;
		  float:left;
		  z-index:10;

		  
		  }
.inbox 
{
		  border-left : solid 1px #ff0;
		  border-top : solid 1px #ff0;
		  border-bottom : solid 1px gray;
		  border-right : solid 1px gray;

}		  
#close {
	float:left; 
	background-color:#CCC; 
	width:10%; 
	height:20px; 
	z-index:10;
	color:white;
	font-weight:bold;
	text-align:center;
	border:solid 1px #000;
}

#wcontent 
{
	overflow:auto;
	width:100%;
	height:100%;
	background-color:yellow;
	z-index:10
}
#wdialog {position: absolute;}
</style>
<body>
<!-- http://localhost/b/script/window/window.html -->
<div id="dialog" style="display:none"></div>
<div id="main">
<form action="#">
<!-- http://localhost/b/script/window/window.html -->
<select name="order">
  <option value="1">테스트1</option>
</select>
<fieldset>
<legend>test</legend>
<table width="200" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="col">head1</th>
    <th scope="col">head2</th>
    <th scope="col">head3</th>
  </tr>
  <tr>
    <td>&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</fieldset>
<input name="run" type="button" value="팝업" id='run'/>
</form>
</div>

</body>
</html>
